/* 规格容器样式 */
.specification-container {
  width: 100%;
  padding: 15px;
  margin-top: 10px;
  background-color: #f9f9f9;
  border: 1px dashed #dcdfe6;
  border-radius: 4px;
}

/* 规格项样式 */
.specification-item {
  position: relative;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}

.specification-item:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* 规格标题样式 */
.specification-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10px;
}

.specification-title {
  margin-bottom: 10px;
  font-weight: bold;
  color: #606266;
}

/* 规格输入框样式 */
.specification-input {
  width: 100%;
}

/* 规格选择框样式 */
.specification-select {
  width: 100%;
}

/* 规格选项标签样式 */
.specification-option-tag {
  margin-right: 5px;
  margin-bottom: 5px;
}

/* 添加规格按钮样式 */
.add-specification-btn {
  width: 100%;
  margin-top: 15px;
}

/* 删除规格按钮样式 */
.delete-specification-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  border-radius: 50%;
}

/* 规格选项容器样式 */
.specification-options-container {
  padding: 10px;
  margin-top: 10px;
  background-color: #fafafa;
  border-radius: 4px;
}

/* 规格选项输入框样式 */
.specification-option-input {
  margin-bottom: 5px;
}

.specification-option-input .el-input-group {
  display: flex;
  align-items: center;
}

/* 规格选项添加按钮样式 */
.add-option-btn {
  margin-top: 5px;
}

/* 规格选项删除按钮样式 */
.delete-option-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  margin-left: 5px;
  border-radius: 50%;
}
